<template>
    <wl-panel title="账号详情" subTitle="" titleIcon="btn_xq">
        <template v-if="footerFlag" slot="panel_footer">
            <el-button @click="editAcc" type="primary">保存</el-button>
        </template>
        <template slot="panel_body">
          <el-form :model="formData" status-icon ref="accForm" label-width="100px" class="demo-ruleForm">
            <wl-form-inner subTitle="基本信息">
                <template slot="inner_body">
                    <div class="wl-row">
                        <wl-form-item label="账号" prop="name" :itemData="formData">
                            <wl-input :disabled="true" slot="input" slot-scope="col" class="wl-input-item" :rawData="col.columnData" field="name" placeholder="输入账号"></wl-input>
                        </wl-form-item>
                        <wl-form-item label="密码" prop="password" :itemData="formData">
                            <wl-input :disabled="true" slot="input" slot-scope="col" class="wl-input-item" :rawData="col.columnData" field="password" placeholder="输入密码"></wl-input>
                        </wl-form-item>
                    </div>
                    <div class="wl-row">
                        <wl-form-item label="性别" prop="sex" :itemData="formData">
                            <wl-radio slot="input" slot-scope="col" class="wl-input-item" :code="col.columnData.code" feild="sex" :rawData="col.columnData"></wl-radio>
                        </wl-form-item>
                        <wl-form-item label="电话" :importance="false" prop="contact_way" :itemData="formData">
                            <wl-input slot="input" slot-scope="col" class="wl-input-item" :rawData="col.columnData" field="contact_way" placeholder="输入电话"></wl-input>
                        </wl-form-item>
                    </div>
                    <div class="wl-row">
                       <wl-form-item label="部门" :importance="false"  :itemData="formData">
                            <wl-input-button  @click="openOrg" setW="460" slot-scope="col" :rawData="col.columnData" field="dept_list" type="name" slot="input" icon="cx" class="wl-input-item"></wl-input-button>
                        </wl-form-item>
                    </div>
                    <div class="wl-row">
                        <wl-form-item label="状态" prop="status" :itemData="formData">
                            <wl-select slot="input" slot-scope="col" type="status" :code="col.columnData.feature_code" :rawData="col.columnData"></wl-select>
                        </wl-form-item>
                    </div>
                    <div class="wl-row">
                        <wl-form-item label="角色名称" prop="role_list"   :itemData="formData">
                            <wl-arr-select reqUrl="/role/list.do" setW="460" slot="input" slot-scope="col" type="role_list" :code="col.columnData.feature_code" :rawData="col.columnData"></wl-arr-select>
                        </wl-form-item>
                    </div>
                    <div class="wl-row">
                        <wl-form-item class="wl-form-item-full-row" label="备注" :importance="false"  prop="remark" :itemData="formData">
                            <wl-input setW=460 slot="input" class="wl-input-item" slot-scope="col" placeholder="输入备注" :rawData="col.columnData" field="remark"></wl-input>
                        </wl-form-item>
                    </div>
                </template>
            </wl-form-inner>
          </el-form>
        </template>
    </wl-panel>
</template>
<script lang="ts" src="./acc_panel.ts"></script>
